{include file="common:head" /}

<body>

{include file="common:header" /}
<div class="index-content">
    <!-- 轮播图 -->
    <div class="swiper-container" style="height: 24%">
        <div class="swiper-wrapper">
            {volist name="banner" id = "item"}
            <div class="swiper-slide"><img src="{$item.img}"></div>
            {/volist}

        </div>
        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>
    <div class="all-content padd16">
        <div class="all-title flex_center_between" style="margin-bottom:10px;margin-top:10px;font-size:15px;">全部车型</div>
        <div class="car-type">
<!--            <div class="car-list fl">-->
<!--                <i class="iconfont icon-youjiantou_huaban"></i>-->
<!--                <p class="oneline">奔驰奢石系列</p>-->
<!--            </div>-->
<!--            <div class="car-list fl">-->
<!--                <i class="iconfont icon-youjiantou_huaban"></i>-->
<!--                <p class="oneline">奔驰V级</p>-->
<!--            </div>-->
<!--            <div class="car-list fl">-->
<!--                <i class="iconfont icon-youjiantou_huaban"></i>-->
<!--                <p class="oneline">奔驰斯宾特</p>-->
<!--            </div>-->
<!--            <div class="car-list fl">-->
<!--                <i class="iconfont icon-youjiantou_huaban"></i>-->
<!--                <p class="oneline">大众T6房车</p>-->
<!--            </div>-->
<!--            <div class="car-list fl">-->
<!--                <i class="iconfont icon-youjiantou_huaban"></i>-->
<!--                <p class="oneline">GMC及更多品牌</p>-->
<!--            </div>-->
            {volist name="cate" id = "item"  length='5'}
            <div class="car-list fl" onclick="window.location.href='/move/lists?title={$item.name}'">
                <i class="iconfont icon-youjiantou_huaban"></i>
                <p>{$item.name}</p>
            </div>
            {/volist}
        </div>
        <div class="all-title flex_center_between" style="margin-bottom:10px;margin-top:10px;font-size:15px;" >当季热销车</div>
        <div class="hot-content clearfix">
            {volist name="lists" id = "item"}
                <div class="hot-list fl" style="height: 259px;" onclick="openwin('/move/lists/detail' + '?id=' + {$item.id})">
                    <div class="img-box">
                        <img src="{$item.w_img}" />
                    </div>
                    <div class="img-box">
                        <img src="{$item.z_img}" />
                    </div>
                    <p class="name oneline" style="height: 35px;line-height: 17px;">{$item.title}</p>
<!--                    <p class="des oneline">{$item.intro}</p>-->
<!--                    <p class="des oneline">迈巴赫豪华座椅</p>-->
                </div>
            {/volist}

        </div>
        <div class="all-title flex_center_between" style="margin-bottom:10px;margin-top:10px;font-size:15px;" >品牌与服务</div>
        <div class="brand-content clearfix">
            <div class="brand-list fl">
                <a href="/move/index/about?id=13&about='匠人匠心'" target="_blank">
                <img src="__STATIC__/move/img/brand.png" />
                <p>匠人匠心</p>
                </a>
            </div>
            <div class="brand-list fl">
                <a href="/move/index/about?id=6&about='赛事活动'" target="_blank">
                <img src="__STATIC__/move/img/brand2.jpg" />
                <p>赛事活动</p>
                </a>
            </div>
            <div class="brand-list fl">
                <a href="/move/index/about?id=15&about='官方认证二手车'" target="_blank">
                <img src="__STATIC__/move/img/brand3.jpg" />
                <p>官方认证二手车</p>
                </a>
            </div>
            <div class="brand-list fl">
                <a href="/move/index/about?id=16&about='售后服务'" target="_blank">
                <img src="__STATIC__/move/img/brand4.jpg" />
                <p>售后服务</p>
                </a>
            </div>
        </div>
        <div class="all-title flex_center_between" style="margin-bottom:10px;margin-top:10px;font-size:15px;" >视频测评</div>
        <div class="evaluation-container">
            <div class="swiper-wrapper" style="height: 100px;">
                {volist name="video" id = "item"}
                <div class="swiper-slide">
                    <div class="evaluation-list">
                        <div class="evaluation-video">
                            <img src="{$item.image}" />
<!--                            <span>21:41</span>-->
                        </div>
                        <p class="oneline">{$item.title}</p>
                    </div>
                </div>
                {/volist}

            </div>
        </div>
        {include file="common:footer" /}
    {include file="common:telphone" /}
</div>
<script type="text/javascript" src="__STATIC__/move/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="__STATIC__/move/js/swiper.min.js"></script>
<script type="text/javascript" src="__STATIC__/index/js/common.js"></script>
<script type="text/javascript">
    var swiper = new Swiper('.swiper-container', {
        autoplay:true,
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });
    var swiper2 = new Swiper('.evaluation-container', {
        slidesPerView: 3,
        spaceBetween: 7
    });
</script>
</body>
</html>